﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宁波爱豆网络科技有限公司</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--================================================
                **** CSS Files ****
==================================================-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icofont.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/menuhover.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--================================================
                **** /CSS Files ****
==================================================-->
</head>
<body>

  

<!-- Static navbar -->
<nav class="navbar navbar-expand-md btco-hover-menu navbar-1">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo-1.png" class="img-fluid" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="index.html">Home 1</a></li>-->
        <!--&lt;!&ndash;<li><a class="dropdown-item" href="index-2.html">Home 2</a></li>&ndash;&gt;-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="index.html">首页</a> </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">关于我们</a> </li>
        <li class="nav-item"> <a class="nav-link" href="services.html">服务</a> </li>
        <li class="nav-item"> <a class="nav-link" href="portfolio.html">案例</a> </li>
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="blog-list.html">Blog List</a></li>-->
        <!--<li><a class="dropdown-item" href="blog-details.html">Blog Details</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="contact.html">联系我们</a> </li>
      </ul>
      <!--<ul class="navbar-nav ml-auto">-->
      <!--<li class="nav-item"> <a class="nav-link btn btn-primary" href="#"> Buy Now </a></li>-->
      <!--<li class="nav-item"> <a class="nav-link" id="addClass" href="#"> <i class="icofont icofont-search-alt-1"></i> </a></li>-->
      <!--</ul>-->
    </div>
  </div>
</nav>
<div id="myCarousel" class="carousel slide banner-2" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active"> <img class="first-slide img-fluid" src="images/banner33.jpg" alt="First slide">
      <div class="container">
        <div class="carousel-caption banner1 text-center">
          <h2 class="wow fadeInUp">联系我们</h2>
          <p class="breadcrumb-item">“想您所想，为您服务，相信爱豆的专业带给您不一样的互联网感受”</p>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="section-padding-ash">
  <div class="container">
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"></div>
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="contact-left">
          <h4>Submit Your Message</h4>
          <p>Established fact that a reader will be distracted by the readable content</p>
          <div class="form-cont">
            <form action="#" method="post" name="ContactForm" id="ContactForm" enctype="multipart/form-data">
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <input type="text" class="form-control" name="lname" placeholder="姓名">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <input type="tel" class="form-control" name="phone" placeholder="电话">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <input type="email" class="form-control" name="email" placeholder="Email">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <textarea rows="5" class="form-control" name="comment" placeholder="备注"></textarea>
                  </div>
                </div>
                <div class="col-md-12">
                  <button type="submit" class="btn btn-primary wow tada" id="tijiao">提交</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <!--<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">-->
        <!--<div class="contact-right">-->
          <!--<h4>Contact Info</h4>-->
          <!--<p>Share Your Contact Info with Others</p>-->
          <!--<div class="contact-info">-->
            <!--<div class="row">-->
              <!--<div class="col-lg-6">-->
                <!--<div class="contact-info-item">-->
                  <!--<div class="icon-cont"><i class="icofont icofont-paint"></i></div>-->
                  <!--<div class="text-cont">-->
                    <!--<h6>Address:</h6>-->
                    <!--<p>P-32 Kolkata - 700125</p>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="col-lg-6">-->
                <!--<div class="contact-info-item">-->
                  <!--<div class="icon-cont"><i class="icofont icofont-paint"></i></div>-->
                  <!--<div class="text-cont">-->
                    <!--<h6>Phone:</h6>-->
                    <!--<p>+91 9874039154</p>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="col-lg-6">-->
                <!--<div class="contact-info-item">-->
                  <!--<div class="icon-cont"><i class="icofont icofont-paint"></i></div>-->
                  <!--<div class="text-cont">-->
                    <!--<h6>Skype:</h6>-->
                    <!--<p>my.skype.id</p>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="col-lg-6">-->
                <!--<div class="contact-info-item">-->
                  <!--<div class="icon-cont"><i class="icofont icofont-paint"></i></div>-->
                  <!--<div class="text-cont">-->
                    <!--<h6>Email ID:</h6>-->
                    <!--<p>name@yourdomain.com</p>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="col-lg-12">-->
              	<!--<div class="contact-map">-->
            	<!--<iframe src="http://www.google.cn/maps/embed?pb=!1m14!1m12!1m3!1d58908.92750053163!2d88.4393756!3d22.6609473!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1461641077502" class="map" allowfullscreen=""></iframe>-->
            <!--</div>-->


              <!--</div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    </div>
  </div>
</section>
<footer class="footer">
    <!--<div class="container">-->
    <!--<div class="row">-->
    <!--<div class="col-lg-4">-->
    <!--<div class="footer-item">-->
    <!--<img class="img-fluid" src="images/logo-2.png" alt="logo-2">-->
    <!--<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text-->
    <!--<br/>ever since the 1500s</p>-->
    <!---->
    <!--</div>-->
    <!--<div class="footer-item">-->
    <!--<ul class="social">-->
    <!--<li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>-->
    <!--<li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>-->
    <!--<li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>-->
    <!--<li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>-->
    <!--<li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>-->
    <!--</ul>    -->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="col-lg-2 offset-lg-1">-->
    <!--<div class="footer-item">-->
    <!--<h4>Quick Links</h4>-->
    <!--<ul>-->
    <!--<li><a href="#">Home</a></li>-->
    <!--<li><a href="#">About Us</a></li>-->
    <!--<li><a href="#">Services</a></li>-->
    <!--<li><a href="#">Portfolio</a></li>-->
    <!--<li><a href="#">Blog</a></li>-->
    <!--<li><a href="#">Contact</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="col-lg-2">-->
    <!--<div class="footer-item">-->
    <!--<h4>Categories</h4>-->
    <!--<ul>-->
    <!--<li><a href="#">Web Design</a></li>-->
    <!--<li><a href="#">Web Development</a></li>-->
    <!--<li><a href="#">Online Marketing</a></li>-->
    <!--<li><a href="#">App Design</a></li>-->
    <!--<li><a href="#">App Development</a></li>-->
    <!--<li><a href="#">Online Training</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!---->
    <!--<div class="col-lg-3">-->
    <!--<div class="footer-item">-->
    <!--<h4>Recent Posts</h4>-->
    <!--<ul>-->
    <!--<li><a href="#">What is Lorem Ipsum?</a></li>-->
    <!--<li><a href="#">Why do we use it?</a></li>-->
    <!--<li><a href="#">There are many variations</a></li>-->
    <!--<li><a href="#">passages of Lorem Ipsum</a></li>-->
    <!--<li><a href="#">Contrary to popular</a></li>-->
    <!--<li><a href="#">Lorem Ipsum is not simply</a></li>-->
    <!--</ul>-->
    <!--</div>  -->
    <!---->
    <!--</div>-->
    <!--</div>-->
    <div class="row">
        <div class="col-lg-12">
            <div class="footer-bottom">
                <p>版权： © 2018 https://www.udtp.cn  宁波爱豆网络科技有限公司 </p>
            </div>
        </div>
    </div>
    </div>
</footer>
<div id="qnimate" class="off">
  <div id="search" class="open">
    <button data-widget="remove" id="removeClass" class="close" type="button">×</button>
    <form action="#" method="post" autocomplete="off">
      <input type="text" placeholder="Type search keywords here" value="" name="term" id="term">
      <button class="btn btn-primary btn-xl" type="submit"><span class="glyphicon glyphicon-search"></span> Search</button>
    </form>
  </div>
</div>
<!--================================================
                **** JS Files ****
==================================================--> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/numscroller.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/jquery.isotope.min.js"></script> 
<script src="js/jquery.magnific-popup.min.js"></script> 
<script src="js/menu.js"></script> 
<script src="js/wow.min.js"></script> 
<script src="js/main.js"></script>

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<!--================================================
                **** /JS Files ****
==================================================-->
<script>
    $('#tijiao').on('click', function () {
        alert('提交成功')
    })
</script>
</body>
</html>
